<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/3rd/ScrollText.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<script src="static/3rd/jquery.backstretch.min.js"></script>
		<style>
			.top_ec_pie>div{width:50%}
			.pieBoxRight ul{overflow: hidden;background: rgba(40,83,183,0.4);border: solid 1px #0841b6;display: inline-block;width:100%;}
			.pieLeft,.pieRight{float: left;width: 48%;}
			.pieRight{margin-left: 4%;}
			.pieBoxRight ul li{float: left;height: 36px;line-height: 36px;font-size: 14px;color: #fff;width: 50%;text-align: center;cursor: pointer;transition: all 0.3s;}
			.ecPieLeft,.ecPieRight{}
			.pieBoxRight ul li.active{font-weight: bold;font-size: 16px;color: #fce24f;}
			.timeLeft{height:95%}
			.timeLeft ul{height:220px}
			.timeLeft ul li{float: left;position: relative;height:100%}
			.timeLeft ul li>div{width: 102px;text-align: center;}
			.timeLeft ul li>div.timeBg{height:11px;position: relative;top:90px;cursor: pointer;}
			.timeLeft ul li>div.timeYear{position: absolute;font-size: 12px;font-weight: bold;color: #fff;}
			.timeLeft ul li>div.timeTitle{border-radius: 5px;;position: absolute;padding:5px;border:solid 1px rgba(72,119,235,0.3);background: rgba(0,246,255,0.1);color: #8cdfff;font-size:14px;left:-20px;}
			.timeLeft ul li>div.yearTitleLine{height: 50px;z-index: -1;top: 70px;left: 50%;width: 1px;background: #1a50a6;position: absolute;}
			.timeLeft ul li>div.yearTitleCir{height:5px;width:5px;border-radius: 100%;background: #fff;position: absolute;top: 93px;left: 50%;}
			.top_ec_pie>div.topBox{float: left;width: 25%;height: 100%;}	
			.ecBox{height: 100%;margin-top: -40px;}		
			.topBox{margin-left: 10px;}
			.bottom_ec_bar_box>div{width: auto;}
		</style>
		
		<style>
		::-webkit-scrollbar{width:3px;height:3px}
		::-webkit-scrollbar-track{background-color:#565677;}
		::-webkit-scrollbar-thumb{background-color:#00aff0;}
		::-webkit-scrollbar-thumb:hover {background-color:#9c3}
		::-webkit-scrollbar-thumb:active {background-color:#00aff0}
		</style>
	</head>
	<body style="background: #000026;"> 
		<img class="bgImg" src="" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo">扫黄打非情况</div>
				<a href="javascript:void();" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content">
				<!-- <div class="top_tip" style="margin-bottom: 10px;">截至2018年3月，监测<a href="http://10.255.200.31:8192/integration/jsp/orderLocalManagement/monitorManagement/selectBmInfoMonitorOrderTaskBrowse.jsp" target="_blank"><strong>14187</strong></a>项，处置<strong>477</strong>项</div> -->
				<div style="margin-top: 20px;" style="margin-bottom: 10px;"></div>
				<div class="bottom_content">
					<div class="top_ec_pie">
						<div class="topBox boxBg">
							<h2>监测任务情况</h2>
							<div class="ecBox" id="ecLeft1Pie"></div>
						</div>
						<div class="topBox boxBg">
							<h2>监测定位情况</h2>
							<div class="ecBox" id="ecBar"></div>
						</div>
						<div class="topBox boxBg">
							<h2>监测域名加速情况</h2>
							<div class="ecBox" id="ecPie"></div>
						</div>
						<div class="topBox proItem boxBg">
							<h2>监测域名接入情况</h2>
							<div class="ecBox" id="ecBarR">
				        
							</div>
						</div>
					</div>
					<div class="bottom_ec_bar" >
						
						<div class="bottom_ec_bar_box">
							<div class="bottom_ec_bar boxBg" style="margin: 10px 0 0 10px;">
								<h2>处置内容分类</h2>
								<div class="ecBar" id="ecBar1st"></div>
							</div>
							<div class="bottom_ec_bar boxBg" style="margin: 10px 0 0 10px;">
								<h2>拦截处置数</h2>
								<div class="ecBar" id="ecBar2nd" ></div>
							</div>
							<div class="bottom_ec_bar boxBg" style="margin: 10px 0 0 10px;">
								<h2>监测情况</h2>
								<div class="ecBar" id="ecBar3th" ></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			<a href="javascript:void();" class="next_btn"></a>
		</div>
		<div class="foot_right_logo"></div>
		<!--<div class="map_open">
			<div class="map_shadow"></div>
			<div class="map_close"></div>
			<iframe src="static/全省接入资源视图.html" class="iframeBox" style="display: block;width: 90%; height:90%;left:5%;top:5%;z-index: 999;position: absolute;"marginheight="0" frameborder="0" scrolling="no" frameborder="0"></iframe>
		</div>-->
		
		<script src="static/js/calculate.js"></script>
		<script>
			shdf();
			window.onresize=function(){
				shdf();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/shdf.js"></script>
		<script src="static/js/shdfBar.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script src="static/js/imgSkin.js"></script>
	</body>
</html>
